.d-button {
    white-space: nowrap;
    display: inline-block;
    height: 22px;
    cursor: pointer;
    overflow: hidden;
    background: url(base/button-bg.gif) no-repeat;
}

.d-button .button-left {
    float: left;
    height: 22px;
	line-height: 22px;
    display: inline-block;

    background: url(base/button-bg.gif) repeat-x 0 -22px;
    overflow: hidden;
    border: 0;
    margin: 0 0 0 3px;
    padding: 0 4px;
    cursor: pointer;
    text-align: center;
	vertical-align: middle;
}

.d-button .button-left .icon {
    background-repeat: no-repeat;
    display: inline-block;
    padding-left: 20px;
    width: 0;
    height: 22px;
	line-height: 22px;
    margin: 0 1px;
}

.d-button .button-left .caption {
	line-height: 22px;
}

.d-ie .d-button .button-left .caption{
	vertical-align: baseline;
}

.d-button .button-right {
    float: left;
    display: inline-block;
    width: 3px;
    height: 22px;    
    background: url(base/button-bg.gif) no-repeat right -44px;
}

.d-button-trigger .button-right {
    width: 19px;
}

.d-button-focused {
    background-position: 0 -132px;
}

.d-button-focused .button-left {
    background-position: 0 -154px;
}

.d-button-focused .button-right {
    background-position: right -176px;
}

.d-button-hover {
    background-position: 0 -66px;
}

.d-button-hover .button-left {
    background-position: 0 -88px;
}

.d-button-hover .button-right {
    background-position: right -110px;
}

.d-button-toggled {
    background-position: 0 -264px;
}

.d-button-toggled .button-left {
    background-position: 0 -286px;
}

.d-button-toggled .button-right {
    background-position: right -308px;
}

.d-button-click {
    background-position: 0 -198px;
}

.d-button-click .button-left {
    background-position: 0 -220px;
}

.d-button-click .button-right {
    background-position: right -242px;
}

.d-button-left-hover {
    background-position: 0 -66px;
}

.d-button-left-hover .button-left {
    background-position: 0 -88px;
}

.d-button-left-click, .d-button-left-toggled {
    background-position: 0 -264px;
}

.d-button-left-toggled .button-left {
    background-position: 0 -286px;
}

.d-button-left-click .button-left {
    background-position: 0 -220px;
}

.d-button-left-click .button-right, .d-button-left-toggled .button-right {
    background-position: right -44px;
}

.d-button-right-hover {
    background-position: 0 0;
}

.d-button-right-hover .button-right {
    background-position: right -110px;
}

.d-button-right-click, .d-button-right-toggled{
    background-position: 0 0;
}

.d-button-right-toggled .button-right {
    background-position: right -308px;
}

.d-button-right-click .button-right {
    background-position: right -242px;
}

.d-button-disabled .button-left .icon{
    filter: alpha(opacity = 50);
    opacity: 0.5;
}

.d-button-disabled .caption {
    color: #aaa;
}

.d-icon-button {
	cursor: pointer;
	width: 20px;
	height: 20px;
	background: url(base/tool-button-bg.gif);
}

.d-icon-button .icon {
	float: left;
	width: 20px;
	height: 20px;
}

.d-icon-button-hover {
	background-position: -20px 0;
}

.d-icon-button-click {
	background-position: -40px 0;
}

.d-icon-button-toggled {
	background-position: -60px 0;
}

.d-icon-button-disabled .icon{
    filter: alpha(opacity = 50);
    opacity: 0.5;
}

.d-icon-button-trigger {
    cursor: pointer;
	width: 28px;
	height: 20px;
	background: url(base/tool-button-bg.gif) -80px 0;
}

.d-icon-button-trigger .icon {
	float: left;
	width: 20px;
	height: 20px;
}

.d-icon-button-trigger-hover {
	background-position: -108px 0;
}

.d-icon-button-trigger-click {
	background-position: -136px 0;
}

.d-icon-button-trigger-toggled {
	background-position: -164px 0;
}

.d-icon-button-trigger-disabled .icon{
    filter: alpha(opacity = 50);
    opacity: 0.5;
}

.d-tabbar{
    height: 27px;
    position: relative;
}

.d-tabbar-top{
    background: transparent url(base/tab-top-all.gif) repeat-x 0 -234px;
}

.d-tabbar-bottom{
    background: transparent url(base/tab-bottom-all.gif) repeat-x 0 -234px;
}

.d-tabbar .tabs-wrap{
    height: 27px;
    overflow: hidden;

    position: relative;
    /*float: left;*/
}

.d-tabbar .tabs-wrap .tabs{
    width: 5000px;
	height: 27px;
	padding: 0 0 0 4px;
    margin: 0;

    position: absolute;
    left: 0;
    top: 0;
}

.d-tabbar .tabs-wrap .tabs li{
    list-style-type: none;
}

.d-tabbar .tab{
    float: left;
	cursor: default;
    position: relative;
    padding-left: 7px;
}

.d-tabbar .tab-disabled{
    color: gray;
}

.d-tabbar-top .tab{
	background: transparent url(base/tab-top-all.gif) no-repeat 0 -26px;
}

.d-tabbar-top .tab-hover{
	background-position: 0 -52px;
}

.d-tabbar-top .tab-selected{
	background-position: 0 0;
}

.d-tabbar-bottom .tab{
	background: transparent url(base/tab-bottom-all.gif) no-repeat 0 -26px;
}

.d-tabbar-bottom .tab-hover{
	background-position: 0 -52px;
}

.d-tabbar-bottom .tab-selected{
	background-position: 0 0;
}

.d-tabbar .tab .tab-left{
    float: left;
    position: relative;

	height: 26px;
    display: inline-block;
    margin-right: 7px;

    display: inline-block;

    line-height: 26px;
}

.d-tabbar-top .tab .tab-left{
    background: url(base/tab-top-all.gif) repeat-x 0 -104px;
}

.d-tabbar-bottom .tab .tab-left{
    background: url(base/tab-bottom-all.gif) repeat-x 0 -104px;
}

.d-tabbar .tab-closeable .tab-left{
    padding-right: 17px;
}

.d-tabbar .tab-hover .tab-left{
    background-position: 0 -130px;
}

.d-tabbar .tab-selected .tab-left{
    background-position: 0 -78px;
}

.d-tabbar .tab .icon{
    float: left;
    display: inline-block;
    height: 24px;
    padding: 0px 4px 0 12px;
    background: transparent no-repeat 0px center;
}

.d-tabbar .tab .caption{
    float: left;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    padding: 0px 4px 0 4px;
    white-space:nowrap;
    overflow: hidden;
}

.d-tabbar .tab .tab-right{
    position: absolute;
    right: 0;
    top: 0;
    
    padding-left: 7px;
    display: inline-block;
	height: 26px;
}

.d-tabbar-top .tab .tab-right{
	background: url(base/tab-top-all.gif) no-repeat 0 -182px;
}

.d-tabbar-bottom .tab .tab-right{
	background: url(base/tab-bottom-all.gif) no-repeat 0 -182px;
}

.d-tabbar-top .tab-hover .tab-right{
	background-position: 0 -208px;
}

.d-tabbar-top .tab-selected .tab-right{
	background-position: 0 -156px;
}

.d-tabbar-bottom .tab-hover .tab-right{
	background-position: 0 -208px;
}

.d-tabbar-bottom .tab-selected .tab-right{
	background-position: 0 -156px;
}

.d-tabbar .tab .close{
	cursor: pointer;
    position: absolute;
    right: 0;
    top: 3px;
    
	width: 18px;
	height: 18px;
}

.d-tabbar-bottom .tab .close{
    top: 5px;
}

.d-tabbar .tab .close, .d-tabbar .tab-selected .close{
	background: url(base/tab-buttons.gif) no-repeat 0 -63px;
}

.d-tabbar .tab .close-hover, .d-tabbar .tab-selected .close-hover{
	background-position: -18px -63px;
}

.d-tabbar .tab .close-click, .d-tabbar .tab-selected .close-click{
	background-position: -36px -63px;
}

.d-tabbar .left-button{
	cursor: pointer;
	width: 20px;
    height: 22px;
	margin-top: 1px;
	margin-right: 2px;
    display: inline;
}

.d-tabbar .right-button{
	cursor: pointer;
	width: 20px;
    height: 22px;
	margin: 1px 1px 0 2px;
    display: inline;
}

.d-tabbar .menu-button{
	cursor: pointer;
	width: 20px;
    height: 21px;
	margin-top: 1px;
    display: inline;
}

.d-tabbar-bottom .left-button, .d-tabbar-bottom .right-button, .d-tabbar-bottom .menu-button{
    margin-top: 5px;
}

.d-tabbar .left-button{
    position: absolute;
    left: 0;
}

.d-tabbar .right-button, .d-tabbar .menu-button{
    position: absolute;
    right: 0;
}

.d-tabbar .left-button{
	background: url(base/tab-buttons.gif) 0 0 no-repeat;
}

.d-tabbar .left-button-hover{
	background-position: -20px 0;
}

.d-tabbar .left-button-click{
	background-position: -40px 0;
}

.d-tabbar .left-button-disabled{
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.d-tabbar .right-button{
	background: url(base/tab-buttons.gif) 0 -21px no-repeat;
}

.d-tabbar .right-button-hover{
	background-position: -20px -21px;
}

.d-tabbar .right-button-click{
	background-position: -40px -21px;
}

.d-tabbar .right-button-disabled{
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.d-tabbar .menu-button{
	background: url(base/tab-buttons.gif) 0 -42px no-repeat;
}

.d-tabbar .menu-button-hover{
	background-position: -20px -42px;
}

.d-tabbar .menu-button-disabled{
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.d-tabbar .menu-button-toggled{
	background-position: -40px -42px;
}
.d-panel{
	overflow: hidden;
}

.d-panel .panel-body {
	background-color: #FFFFFF;
}

.d-panel .content-panel{
    overflow: auto;
}

.d-panel .button-panel {
    padding: 2px 5px 5px 2px;
    text-align: center;
    height: 24px;
}

.d-panel .button-panel-left{
	text-align: left;
}

.d-panel .button-panel-right{
	text-align: right;
}

.d-panel .button-panel .d-button {
    margin-right: 3px;
}

.d-panel-curveborder .caption-bar{
	-moz-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
	border-top-right-radius: 3px;

	-moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	border-top-left-radius: 3px;

	border: 1px solid #B4B4B4;
	border-bottom: 0;
}

.d-panel-curveborder .panel-body{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

	border: 1px solid #B4B4B4;
	border-top: 0;
}

.d-panel-showcaptionbar .panel-body{
	-moz-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0;
	border-top-right-radius: 0;

	-moz-border-radius-topleft: 0;
	-webkit-border-top-left-radius: 0;
	border-top-left-radius: 0;
}

.d-panel-curveborder .caption-bar .button-group{
	margin-top: 2px;
}

.d-panel-curveborder{
	border: 0;
}

.d-panel-curveborder .panel-header-left{
    background: url(base/panel-corners.gif) no-repeat scroll 0 top;
    font-size: 0;
    line-height: 0;
    margin-right: 2px;
}

.d-panel-curveborder .panel-header-right{
    background: url(base/panel-corners.gif) no-repeat scroll right -4px;
    font-size: 0;
    line-height: 0;
    padding: 2px 0 0 0;
    margin-right: -2px;
    position: relative;
}

.d-panel-curveborder .panel-body-left {
    background: url(base/panel-lr.gif) repeat-y 0 0;
    padding-left: 2px;
}

.d-panel-curveborder .panel-body-right {
    background: url(base/panel-lr.gif) repeat-y right 0;
    padding-right: 2px;
}

.d-panel-curveborder .panel-body {
    background: #FFFFFF;
    margin: 0;
    padding: 0;
    overflow: hidden;
	border: 0;
}

.d-panel-curveborder .panel-footer-left {
    background: url(base/panel-corners.gif) no-repeat scroll 0 -2px;
    margin-right: 2px;
}

.d-panel-curveborder .panel-footer-right {
    background: url(base/panel-corners.gif) no-repeat scroll right bottom;
    font-size: 0;
    padding: 2px 0 0 0;
    line-height: 0;
    margin-right: -2px;
    position: relative;
}

.d-panel-curveborder .content-panel {
    padding: 0 3px;
}

.d-panel-curveborder .caption-bar{
	border: 0;
}

.d-panel-curveborder .caption-bar .button-group{
	margin-top: 0;
}

.d-panel-collapsed .panel-footer-left{
	display: none;
}

.d-panel .collapse-icon {
    background: url(common/icons.gif) -20px -280px;
}

.d-panel .expand-icon{
    background: url(common/icons.gif) 0 -280px;
}

.d-panel .collapse-icon-left {
    background: url(common/icons.gif) -40px -280px;
}

.d-panel .collapse-icon-right {
    background: url(common/icons.gif) -60px -280px;
}

.d-panel .collapse-icon-top {
    background: url(common/icons.gif) -20px -280px;
}

.d-panel .collapse-icon-bottom {
    background: url(common/icons.gif) 0 -280px;
}

.d-panel .expand-icon{
    background: url(common/icons.gif) 0 -280px;
}

.d-panel .expand-icon-left {
    background: url(common/icons.gif) -60px -280px;
}

.d-panel .expand-icon-right {
    background: url(common/icons.gif) -20px -280px;
}

.d-panel .expand-icon-top {
    background: url(common/icons.gif) 0 -280px;
}

.d-panel .expand-icon-bottom {
    background: url(common/icons.gif) -80px -280px;
}

.d-panel-normalborder{
    border: 1px solid #B6B6B6;

	-moz-box-shadow:0;
	-webkit-box-shadow:0;
	border-radius: 0;
}

.d-panel-collapsed{
	border-bottom: 0;
}

.d-iframe {
    position: relative;
    border: 1px solid #ddd;
}

.d-iframe iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.d-iframe iframe.hidden {
    z-index: -1;
}

.d-iframe .frame-loading-cover {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: white;
}

.d-iframe .frame-loading-cover .frame-loading-image {
    width: 32px;
    height: 32px;
    position: absolute;
    background: url(common/loading.gif) center center no-repeat;
}
.d-caption-bar{
	background: #F8F8F8 url(base/caption-bar-bg.gif) bottom repeat-x;
    height: 24px;
	overflow: hidden;
	padding: 1px;
}

.d-caption-bar .caption{
	float: left;
    padding-left: 6px;
    line-height: 22px;
    height: 24px;
}

.d-caption-bar .caption-bar-icon{
	float: left;
	margin-left: 6px;
	margin-top: 1px;
    float: left;
    width: 20px;
    height: 20px;
    background: transparent 0 center no-repeat;
}

.d-caption-bar .button-group{
    float: right;
	margin: 1px 4px 0 0;
    height: 20px;
    padding:0;
}

.d-caption-bar .button-group div{
    float: left;
}

.d-ie .d-caption-bar{
	height: 22px;
}

.d-ie .d-caption-bar .caption{
	line-height: 20px;
    height: 22px;
}
.d-ie .d-caption-bar .caption-bar-icon{
	margin-top: 0;
}

.d-slider {
    position: relative;
}

.d-slider .slider-thumb {
	position: absolute;
    background: transparent no-repeat 0 0;
}

.d-slider .slider-start, .d-slider .slider-end {
    font-size: 1pt;
    position: absolute;
    background: transparent no-repeat 0 0;
}

.d-slider-vertical {
    width: 20px;
}

.d-slider-vertical .slider-thumb {
    font-size: 1pt;
    position: absolute;
    width: 20px;
    height: 11px;
    left: 0;
    top: 0;
    background-image: url(base/slider-v-thumb.gif);
}

.d-slider-vertical .slider-thumb-hover {
    background-position: 0 -11px;
}

.d-slider-vertical .slider-thumb-click {
    background-position: 0 -22px;
}

.d-slider-vertical .slider-start, .d-slider-vertical .slider-end {
    height: 5px;
    width: 20px;
}

.d-slider-vertical .slider-start {
    top: 0;
    left: 0;
    background: url(base/slider-v-bg.gif) transparent no-repeat -20px 0;
}

.d-slider-vertical .slider-end {
    bottom: 0;
    left: 0;
    background: url(base/slider-v-bg.gif) transparent no-repeat 0 bottom;
}

.d-slider-vertical .slider-body {
    position: absolute;
    top: 5px;
    left: 0px;
    width: 20px;
    background: url(base/slider-v-bg.gif) transparent repeat-y -40px 0;
}

.d-slider-horizental {
    height: 20px;
}

.d-slider-horizental .slider-thumb {
    position: absolute;
    left: 0;
    top: 0;
    width: 11px;
    height: 20px;
    background-image: url(base/slider-thumb.gif);
}

.d-slider-horizental .slider-thumb-hover {
    background-position: 0 -20px;
}

.d-slider-horizental .slider-thumb-click {
    background-position: 0 -40px;
}

.d-slider-horizental .slider-start, .d-slider-horizental .slider-end {
    height: 20px;
    width: 5px;
}

.d-slider-horizental .slider-start {
    left: 0;
    top: 0;
    background: url(base/slider-bg.gif) transparent no-repeat 0 -20px;
}

.d-slider-horizental .slider-end {
    right: 0;
    top: 0;
    background: url(base/slider-bg.gif) transparent no-repeat right -40px;
}

.d-slider-horizental .slider-body {
    margin: 0 5px 0 5px;
    height: 20px;
    background: url(base/slider-bg.gif) transparent repeat-x 0 0;
}
.d-tip {
    position: absolute;
    margin: 0;
    
    overflow: visible;

    -moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 3px;
    border: 1px solid #a17900;
    background-color: #fdfcc2;
    padding: 5px;
}

.d-ie .d-tip{
    padding: 0;
    border: 0;
    background-color: transparent;
}

.d-tip-arrow-top, .d-tip-arrow-bottom, .d-tip-arrow-left, .d-tip-arrow-right {
}

.d-tip-arrow-top .arrow, .d-tip-arrow-bottom .arrow {
    width: 13px;
    height: 9px;
}

.d-tip-arrow-left .arrow, .d-tip-arrow-right .arrow {
    width: 9px;
    height: 13px;
}

.d-tip-arrow-top .arrow, .d-tip-arrow-bottom .arrow, .d-tip-arrow-left .arrow, .d-tip-arrow-right .arrow {
    background: transparent url(base/tip-anchor-sprite.gif) no-repeat;
    position: absolute;
}

.d-tip-arrow-top .arrow {
    top: -7px;
    left: 8px;
}

.d-tip-arrow-bottom .arrow {
    background-position: -13px 0;
    bottom: -7px;
    left: 8px;
}

.d-ie6 .d-tip-arrow-bottom .arrow {
    background-position: -13px 5px;
    bottom: -7px;
    left: 8px;
}

.d-ie6 .d-tip-arrow-bottom .arrow {
    bottom: -11px;
}

.d-tip-arrow-left .arrow {
    background-position: -26px 0;
    top: 8px;
    left: -7px;
}

.d-tip-arrow-right .arrow {
    background-position: -35px 0;
    top: 8px;
    right: -7px;
}

.d-tip .tip-tl {
    background: transparent url(base/tip-clr.gif) no-repeat scroll 0 top;
    font-size: 0;
    line-height: 0;
    margin-right: 5px;
}

.d-tip .tip-tr {
    background: transparent url(base/tip-clr.gif) no-repeat scroll right -10px;
    font-size: 0;
    line-height: 0;
    padding: 5px 0 0 0;
    margin-right: -5px;
}

.d-tip .tip-cl {
    background: transparent url(base/tip-bg.gif) repeat-y scroll 0 0;
    padding-left: 6px;
}

.d-tip .tip-cr {
    background: transparent url(base/tip-bg.gif) repeat-y scroll right 0;
    padding-right: 6px;
    overflow: auto;
}

.d-tip .tip-cm {
    margin: 0;
    padding: 0;
}

.d-tip .tip-cm .caption {
    padding-bottom: 3px;
    font-weight: bold;
}

.d-tip .tip-bl {
    background: transparent url(base/tip-clr.gif) no-repeat scroll 0 -5px;
    margin-right: 5px;
}

.d-tip .tip-br {
    background: transparent url(base/tip-clr.gif) no-repeat scroll right bottom;
    font-size: 0;
    padding: 5px 0 0 0;
    line-height: 0;
    margin-right: -5px;
}

.d-tip .close {
    cursor: pointer;
    position: absolute;
    right: -7px;
    top: -7px;
    background: url(base/tip-close.gif) 0 0;
    width: 16px;
    height: 16px;

    zoom: 1;
}

.d-tip .close-hover {
    background-position: -16px 0;
}

.d-tip .close-click {
     background-position: -32px 0;
}
.d-progress-bar{
	height: 18px;
	border: 1px #A1A1A1 solid;
	background: url(base/progressbar-bg.gif) 0 -16px repeat-x;
	overflow: hidden;
	position: relative;
	font-size: 9pt;
}

.d-progress-bar .bar{
	height: 16px;
	background: url(base/progressbar-bg.gif) 0 0 repeat-x scroll;
	position: absolute;
	left: 1px;
	top: 1px;
}

.d-progress-bar .msg{
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	text-align: center;
	line-height: 18px;
	vertical-align: middle;
}
.d-toolbar {
    border-top: #E0E0E0 1px solid;
    border-bottom: #E0E0E0 1px solid;
    height: 24px;
    position: relative;
}

.d-toolbar-overflow {
}

.d-toolbar-fixright {
}

.d-toolbar .toolbar-left-wrap {
    background: #EEEEEE url(base/toolbar-bg.gif) repeat-x top;
    overflow: hidden;
    position: relative;
    height: 24px;
}

.d-toolbar .toolbar-left {
    width: 3000px;
    position: absolute;
    left: 0;
    top: 1px;
}

.d-toolbar .toolbar-right {
    background: #EEEEEE url(base/toolbar-bg.gif) repeat-x top;
    position: absolute;
    right: 0;
    top: 1px;
}

.d-toolbar .overflow-button {
    display: none;
    position: absolute;
    width: 15px;
    height: 25px;
    right: 0;
    top: -2px;
    background: url(base/toolbar-more-button.gif) no-repeat;
}

.d-toolbar .overflow-button-hover {
    background-position: -15px 0;
}

.d-toolbar .overflow-button-click {
    background-position: -30px 0;
}

.d-toolbar .overflow-button-toggled {
    background-position: -45px 0;
}

.d-toolbar-overflow .overflow-button {
    display: block;
}

.d-toolbar-overflow .toolbar-right {
    padding-right: 17px;
}

.d-toolbar-fixright .overflow-button {
    left: 0;
    right: auto;
}

.d-toolbar-fixright .toolbar-right {
    padding-left: 17px;
    padding-right: 0;
}

.d-toolbar-item {
    float: left;
}

.d-toolbar-sep {
    background: url(base/toolbar-separator.gif) center center no-repeat;
    cursor: default;
    display: inline-block;
    width: 10px;
    height: 22px;
}

.d-toolbar-label {
    cursor: default;
    height: 22px;
    line-height: 20px;
    vertical-align: baseline;
}

.d-toolbar .d-text-editor {
    margin-top: 1px;
}

.d-toolbar-button {
    white-space: nowrap;
    display: inline-block;
    height: 22px;
    cursor: pointer;
    overflow: hidden;
    background: url(base/toolbar-button-bg.gif) no-repeat;
}

.d-toolbar-button .button-left {
    float: left;
    height: 22px;
    line-height: 22px;
    display: inline-block;
    background: url(base/toolbar-button-bg.gif) repeat-x 0 -22px;
    overflow: hidden;
    border: 0;
    margin: 0 0 0 3px;
    padding: 0 4px;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
}

.d-toolbar-button .button-left .icon {
    background-repeat: no-repeat;
    display: inline-block;
    padding-left: 20px;
    width: 0;
    height: 22px;
    line-height: 22px;
    margin: 0 1px;
}

.d-toolbar-button .button-left .caption {
    line-height: 22px;
}

.d-ie .d-toolbar-button .button-left .caption {
    vertical-align: baseline;
}

.d-toolbar-button .button-right {
    float: left;
    display: inline-block;
    width: 3px;
    height: 22px;
    background: url(base/toolbar-button-bg.gif) no-repeat right -44px;
}

.d-toolbar-button-trigger .button-right {
    width: 19px;
}

.d-toolbar-button-focused {
    background-position: 0 -132px;
}

.d-toolbar-button-focused .button-left {
    background-position: 0 -154px;
}

.d-toolbar-button-focused .button-right {
    background-position: right -176px;
}

.d-toolbar-button-hover {
    background-position: 0 -66px;
}

.d-toolbar-button-hover .button-left {
    background-position: 0 -88px;
}

.d-toolbar-button-hover .button-right {
    background-position: right -110px;
}

.d-toolbar-button-toggled {
    background-position: 0 -264px;
}

.d-toolbar-button-toggled .button-left {
    background-position: 0 -286px;
}

.d-toolbar-button-toggled .button-right {
    background-position: right -308px;
}

.d-toolbar-button-click {
    background-position: 0 -198px;
}

.d-toolbar-button-click .button-left {
    background-position: 0 -220px;
}

.d-toolbar-button-click .button-right {
    background-position: right -242px;
}

.d-toolbar-button-left-hover {
    background-position: 0 -66px;
}

.d-toolbar-button-left-hover .button-left {
    background-position: 0 -88px;
}

.d-toolbar-button-left-click, .d-toolbar-button-left-toggled {
    background-position: 0 -132px;
}

.d-toolbar-button-left-toggled .button-left {
    background-position: 0 -286px;
}

.d-toolbar-button-left-click .button-left {
    background-position: 0 -220px;
}

.d-toolbar-button-left-click .button-right, .d-toolbar-button-left-toggled .button-right {
    background-position: right -44px;
}

.d-toolbar-button-right-hover {
    background-position: 0 0px;
}

.d-toolbar-button-right-hover .button-right {
    background-position: right -110px;
}

.d-toolbar-button-right-click, .d-toolbar-button-right-toggled {
    background-position: 0 0px;
}

.d-toolbar-button-right-toggled .button-right {
    background-position: right -308px;
}

.d-toolbar-button-right-click .button-right {
    background-position: right -242px;
}

.d-toolbar-button-disabled .button-left .icon{
    filter: alpha(opacity = 50);
    opacity: 0.5;
}

.d-toolbar-button-disabled .caption {
    color: #aaa;
}
.d-section {
    overflow: hidden;
    cursor: default;
    font-size: 9pt;
    width: 100%;
}

.d-section .container {
    background: #F0F0F0;
}

.d-section-caption-bar {
    background: url(base/section-caption-bar-bg.gif) top repeat-x;
    height: 22px;
    overflow: hidden;
    border: 1px solid #CCCCCC;
    padding-left: 6px;
    cursor: pointer;
}

.d-section-caption-bar .caption {
    float: left;
    padding-left: 6px;
    line-height: 22px;
    height: 24px;
}

.d-section-caption-bar .caption-bar-icon {
    float: left;
    margin-top: 1px;
    float: left;
    width: 16px;
    height: 20px;
    background: transparent 0 center no-repeat;
}

.d-section-caption-bar .button-group {
    float: right;
    margin: 1px 4px 0 0;
    height: 20px;
    padding: 0;
}

.d-section-caption-bar .button-group .d-icon-button {
    float: left;
}

.d-accordion .active-section .d-section-caption-bar {
    background: url(base/section-caption-bar-bg.gif) bottom repeat-x;
    height: 22px;
    overflow: hidden;
    border: 1px solid #7CA7D9;
    padding-left: 6px;
}

.d-accordion {
    border: 1px #A1A1A1 solid;
    padding: 0 1px 1px 1px;
    background: white;
    overflow: hidden;
}

.d-accordion .d-section {
    margin-top: 1px;
}

.d-accordion .d-section .container {
    display: none;
}

.d-accordion .active-section .container {
    display: block;
}

.d-accordion .d-menu-item-group {
    position: relative;
    border: 0;
    padding: 0;
    background: #FAFAFA;
}
.d-split-panel{
    position: relative;
    overflow: hidden;
}

.d-split-panel .side-panel{
    position: absolute;
}

.d-split-panel .main-panel{
    position: absolute;
}

.d-split-panel .splitter{
    position: absolute;
    font-size:1px;
}

.d-split-panel .splitter-left, .d-split-panel .splitter-right{
    width: 5px;
    height: 100%;

    background: url(base/split-panel-vert-bg.gif);

    line-height: 100%;
    vertical-align: middle;
}

.d-split-panel .splitter-top, .d-split-panel .splitter-bottom{
    line-height: 5px;
    height: 5px;
    width: 100%;

    background: url(base/split-panel-hori-bg.gif);
}

.d-split-panel .splitter-h-resizeable{
    cursor: w-resize;
}

.d-split-panel .splitter-v-resizeable{
    cursor: n-resize;
}

.d-split-panel-collapsed .splitter-h-resizeable, .d-split-panel-collapsed .splitter-v-resizeable{
	cursor: default;	
}

.d-split-panel .splitter-left .button, .d-split-panel .splitter-right .button{
    cursor: pointer;
    width: 5px;
    height: 51px;
    font-size: 0%;
    /**
     * left固定为0，top固定为50%，margin-top为height的50%的数值 -1px。
     */
    position: relative;
    left: 0;
    top: 50%;

    margin: -24px 0px;
}

.d-split-panel .splitter-top .button, .d-split-panel .splitter-bottom .button{
    cursor: pointer;
    width: 51px;
    height: 5px;
    /**
     * 与上面的类似。
     */
    position: relative;
    left: 50%;
    top: 0;
    margin: 0px -24px;
}

.d-split-panel .splitter-left .button{
    background: url(base/split-panel-vert-buttons.gif) no-repeat left;
}

.d-split-panel .splitter-right .button{
    background: url(base/split-panel-vert-buttons.gif) no-repeat right;
}

.d-split-panel .splitter-top .button{
    background: url(base/split-panel-hori-buttons.gif) no-repeat top;
}

.d-split-panel .splitter-bottom .button{
    background: url(base/split-panel-hori-buttons.gif) no-repeat bottom;
}

.d-split-panel .splitter-dragging {
	background: #000000;
    filter: alpha( opacity = 30);
	opacity: 0.3;
}

.d-split-panel .collapse-bar{
	position: absolute;
	background-color: #e4e4e4;
}

.d-split-panel .collapse-bar-hover{
	background-color: #efefef;
}

.d-split-panel .collapse-bar-left, .d-split-panel .collapse-bar-right{
	border: 1px solid #b9b9b9;
	width: 19px;
}

.d-split-panel .collapse-bar-top, .d-split-panel .collapse-bar-bottom{
	border: 1px solid #b9b9b9;
	height: 19px;
}

.d-split-panel .collapse-bar .button{
	background: transparent url(base/split-panel-collapse.gif);
	cursor: pointer;
    width: 17px;
    height: 17px;
	margin: 3px;
}

.d-split-panel .collapse-bar-left .button{
	background-position: 0 0;
	margin-left: 1px;
}

.d-split-panel .collapse-bar-left .button-hover{
	background-position: -17px 0;
	margin-left: 1px;
}

.d-split-panel .collapse-bar-right .button{
	background-position: 0 -17px;
	margin-left: 1px;
}

.d-split-panel .collapse-bar-right .button-hover{
	background-position: -17px -17px;
	margin-left: 1px;
}

.d-split-panel .collapse-bar-top .button{
	float: right;
	background-position: 0 -34px;
	margin-top: 1px;
}

.d-split-panel .collapse-bar-top .button-hover{
	float: right;
	background-position: -17px -34px;
	margin-top: 1px;
}

.d-split-panel .collapse-bar-bottom .button{
	float: right;
	background-position: 0 -51px;
	margin-top: 1px;
}

.d-split-panel .collapse-bar-bottom .button-hover{
	float: right;
	background-position: -17px -51px;
	margin-top: 1px;
}
.d-year-month-picker {
    width: 100%;
    border: 0;
    height: 200px;
    background: #FFFFFF url(base/date-picker-bg.gif) 0 -200px repeat-x;
}

.d-year-month-picker td {
    height: 20px;
}

.d-year-month-picker .month-table {
    width: 49%;
    table-layout: fixed;
}

.d-year-month-picker .year-table {
    width: 49%;
    border-left: 1px dotted #325573;
    float: right;
    table-layout: fixed;
}

.d-year-month-picker .year-table .btn-row {
    height: 20px;
}

.d-year-month-picker .year-table .prev-year-button, .d-year-month-picker .year-table .next-year-button {
    background: url(common/icons.gif) no-repeat -60px -280px;
}

.d-year-month-picker .year-table .prev-year-button {
    background-position: -40px -280px;
}

.d-year-month-picker .year-table .number-row td, .d-year-month-picker .month-table .number-row td {
    text-align: center;
    cursor: pointer;
    line-height: 20px;
    padding: 1px;
}

.d-year-month-picker .year-table td.hover, .d-year-month-picker .month-table td.hover,
.d-year-month-picker .year-table td:hover, .d-year-month-picker .month-table td:hover {
    background: url(base/ym-picker-hover-cell.gif) no-repeat center center;
}

.d-year-month-picker .year-table .btn-row td:hover{
    background-image: none;
}

.d-year-month-picker .year-table td.selected, .d-year-month-picker .month-table td.selected {
    background: url(base/ym-picker-current-cell.gif) no-repeat center center;
}

.d-year-month-picker .btns-pane {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 30px;
    text-align: center;
    float: left;
    clear: left;
    width: 100%;
}

.d-year-month-picker .btns-pane .d-button {
    margin-right: 5px;
}
.d-date-picker {
    position: relative;
    border-collapse: collapse;
    width: 100%;
	height: 195px;
}

.d-date-picker .year-month-block {
    text-align: center;
    width: 100%;
    border-width: 0;
    height: 26px;
    padding-top: 3px;
    background: url(base/date-picker-bg.gif);
    font-weight: bold;
}

.d-date-picker .pre-button-div {
    float: left;
	padding-left: 4px;
    width: 40px;
    margin-right: -40px;
}

.d-date-picker .next-button-div {
    float: right;
	padding-right: 4px;
    width: 40px;
    margin-left: -40px;
}

.d-date-picker .pre-button-div .d-icon-button, .d-date-picker .next-button-div .d-icon-button{
	float: left;
}

.d-date-picker .year-month-block .pre-year-button, .d-date-picker .year-month-block .pre-month-button,
.d-date-picker .year-month-block .next-year-button, .d-date-picker .year-month-block .next-month-button{
    background: url(common/icons.gif) no-repeat;
}

.d-date-picker .year-month-block .pre-year-button {
    background-position: -80px -280px;
}

.d-date-picker .year-month-block .pre-month-button {
    background-position: -40px -280px;
}

.d-date-picker .year-month-block .next-year-button {
    background-position: -100px -280px;
}

.d-date-picker .year-month-block .next-month-button {
    background-position: -60px -280px;
}

.d-date-picker .year-month-label {
    width: auto;
    text-align: center;
    height: 22px;
    line-height: 22px;
    margin: 0 44px 0 44px;
    cursor: pointer;
}

.d-date-picker .date-header {
	width: 100%;
	height: 18px;
	table-layout: fixed;
    border-collapse: collapse;
    border-color: gray;
    text-align: center;
    cursor: pointer;
	background: url(base/date-picker-bg.gif) 0 -29px;
    border-bottom: 1px #B7B7B7 solid;
}

.d-date-picker .date-block {
	width: 100%;
	height: 108px;
	overflow: hidden;
}

.d-date-picker .date-block .date-table {
	position: relative;
	width: 200%;
    table-layout: fixed;
    border-collapse: collapse;
    border-color: gray;
    text-align: center;
    cursor: pointer;
    background: url(base/date-picker-bg.gif) 0 -48px;
}

.d-date-picker .date-header .date-table td, .d-date-picker .date-block .date-table td{
    height: 18px;
    text-align: center;
}

.d-date-picker .date-block .date-table .hover, .d-date-picker .date-block .date-table td:hover{
    background: url(base/date-picker-hover-cell.gif) no-repeat center center;
}

.d-date-picker .date-block .date-table td.selected-date {
    background: url(base/date-picker-current-cell.gif) no-repeat center center;
}

.d-date-picker .date-block .date-table td.pre-month {
    color: #CFCFCF;
    background-color: #FFFFFF;
}

.d-date-picker .date-block .date-table td.next-month {
    color: #CFCFCF;
    background-color: #FFFFFF;
}

.d-date-picker .spinner-block {
    position: absolute;
    height: 30px;
    left: 5px;
    bottom: 0;
}

.d-date-picker .button-block {
    position: absolute;
    height: 30px;
    right: 0;
    bottom: 0;
}

.d-date-picker .button-block .d-button {
    cursor: pointer;
    margin-right: 5px;
}

.d-date-picker .d-year-month-picker {
    position: absolute;
    left: 0;
    top: 0;
    border: 0;
}

.d-date-picker .time-block {
    text-align: center;
    border-width: 0;
    width: 100%;
    height: 22px;
    padding-left: 5px;
}

.d-date-picker .time-picker-block {
    width: 90px;
    height: 20px;
    line-height: 18px;
    vertical-align: middle;
    font-size: 10px;
    text-align: right;
    float: left;
}
.d-field-set {
    border: 1px solid #6394BC;
    padding: 0;
    margin: 0;
}

.d-field-set-collapsed {
    border-color: #6394BC;
    border-style: solid none none;
    border-width: 1px medium medium;
    padding: 0 1px 0 1px;
}

.d-field-set .field-set-legend {
    color: #15428B;
    font-weight: bold;
    line-height: 17px;
    margin-left: 11px !important;
    padding: 0 3px 0 0;
    vertical-align: middle;
}

.d-field-set .field-set-legend .field-set-button {
    float: left;
    background: transparent url("base/groupbox-button.gif") no-repeat scroll 0 0;
    cursor: pointer;

    height: 17px;
    width: 17px;
    margin-right: 2px;
}

.d-field-set .field-set-legend .field-set-button-hover{
    background-position: -17px 0;
}

.d-field-set-collapsed .field-set-legend .field-set-button{
    background-position: -34px 0;
}

.d-field-set-collapsed .field-set-legend .field-set-button-hover{
    background-position: -51px 0;
}

.d-field-set .content-panel {
    padding: 5px;
    display: block;
    overflow: hidden;
}

.d-field-set-collapsed .body{
}

.d-field-set .button-panel {
    padding: 2px 5px 5px 2px;
    text-align: center;
    height: 24px;
}

.d-field-set .button-panel-left{
	text-align: left;
}

.d-field-set .button-panel-right{
	text-align: right;
}

.d-field-set .button-panel .d-button {
    margin-right: 3px;
}

.d-group-box {
    padding: 0;
}

.d-group-box-collapsed {
}

.d-group-box .group-box-bar {
    height: 20px;
	line-height: 20px;
	background: transparent url("base/groupbox-bg.gif") 0 0 repeat;
	overflow: hidden;
	padding-left: 10px;
}

.d-group-box .group-box-bar .bar-right{
	background:#fff url("base/groupbox-bg.gif") right -20px no-repeat;
	height:20px;
	width:100px;
	float: right;
}

.d-group-box .group-box-bar .bar-caption{
    color: #15428B;
    font-weight: bold;
	background-color: #fff;
	height: 20px;
	overflow: hidden;
	line-height: 20px;
	float: left;
	padding: 0 6px 0 2px;
}

.d-group-box .group-box-bar .group-box-button {
    float: left;
    background: #fff url("base/groupbox-button.gif") no-repeat scroll 0 center;
    cursor: pointer;

    height: 20px;
    width: 17px;
}

.d-group-box .group-box-bar .group-box-button-hover{
    background-position: -17px center;
}

.d-group-box-collapsed .group-box-bar .group-box-button{
    background-position: -34px center;
}

.d-group-box-collapsed .group-box-bar .group-box-button-hover{
    background-position: -51px center;
}

.d-group-box .content-panel {
    padding: 5px;
    display: block;
}

.d-group-box-collapsed .body{
}

.d-group-box .button-panel {
    padding: 2px 5px 5px 2px;
    text-align: center;
    height: 24px;
}

.d-group-box .button-panel-left{
	text-align: left;
}

.d-group-box .button-panel-right{
	text-align: right;
}

.d-group-box .button-panel .d-button {
    margin-right: 3px;
}
.d-float-panel{
	position: absolute;
}

.d-float-panel .panel-body{
	background-color: white;
}

.d-float-panel .content-panel{
	padding: 3px;
}

.d-float-panel .button-panel {
    padding: 2px 5px 5px 2px;
    text-align: center;
    height: 24px;
}

.d-float-panel .button-panel-left{
	text-align: left;
}

.d-float-panel .button-panel-right{
	text-align: right;
}

.d-float-panel .button-panel .d-button {
    margin-right: 3px;
}

.d-float-panel-curveborder .caption-bar{
	-moz-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
	border-top-right-radius: 3px;

	-moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	border-top-left-radius: 3px;

	border: 1px solid #B4B4B4;
	border-bottom: 0;
}

.d-float-panel-curveborder .panel-body{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

	border: 1px solid #B4B4B4;
}

.d-float-panel-showcaptionbar .panel-body{
	-moz-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0;
	border-top-right-radius: 0;

	-moz-border-radius-topleft: 0;
	-webkit-border-top-left-radius: 0;
	border-top-left-radius: 0;

	border-top: 0;
}

.d-float-panel-curveborder .caption-bar .button-group{
	margin-top: 2px;
}

.d-ie .d-float-panel-curveborder{
	border: 0;
}

.d-ie .d-float-panel-curveborder .panel-header-left{
    background: url(base/panel-corners.gif) no-repeat scroll 0 top;
    font-size: 0;
    line-height: 0;
    margin-right: 2px;
}

.d-ie .d-float-panel-curveborder .panel-header-right{
    background: url(base/panel-corners.gif) no-repeat scroll right -4px;
    font-size: 0;
    line-height: 0;
    padding: 2px 0 0 0;
    margin-right: -2px;
    position: relative;
}

.d-ie .d-float-panel-curveborder .panel-body-left {
    background: url(base/panel-lr.gif) repeat-y 0 0;
    padding-left: 2px;
}

.d-ie .d-float-panel-curveborder .panel-body-right {
    background: url(base/panel-lr.gif) repeat-y right 0;
    padding-right: 2px;
}

.d-ie .d-float-panel-curveborder .panel-body {
    background: #FFFFFF;
    margin: 0;
    padding: 0;
    overflow: hidden;
	border: 0;
}

.d-ie .d-float-panel-curveborder .panel-footer-left {
    background: url(base/panel-corners.gif) no-repeat scroll 0 -2px;
    margin-right: 2px;
}

.d-ie .d-float-panel-curveborder .panel-footer-right {
    background: url(base/panel-corners.gif) no-repeat scroll right bottom;
    font-size: 0;
    padding: 2px 0 0 0;
    line-height: 0;
    margin-right: -2px;
    position: relative;
}

.d-ie .d-float-panel-curveborder .content-panel {
    padding: 0 3px;
}

.d-ie .d-float-panel-curveborder .caption-bar{
	border: 0;
}

.d-ie .d-float-panel-curveborder .caption-bar .button-group{
	margin-top: 0;
}

.d-ie .d-float-panel-collapsed .panel-footer-left{
	display: none;
}

.d-float-panel .collapse-icon {
    background: url(common/icons.gif) -20px -280px;
}

.d-float-panel .expand-icon{
    background: url(common/icons.gif) 0 -280px;
}

.d-float-panel-normalborder{
    border: 1px solid #B6B6B6;

	-moz-box-shadow:0;
	-webkit-box-shadow:0;
	border-radius: 0;
}

.d-float-panel-collapsed{
	border-bottom: 0;
}
.d-dialog {
    position: absolute;
    margin: 0;
    overflow: hidden;
    padding: 0;
    left: 0;
    top: 0;
}

.d-dialog-caption-bar {
    line-height: 28px;
    height: 29px;
    background: url(base/dialog-hori-bg.gif) 0 -48px repeat-x;
	margin: 0px 8px;
}

.d-dialog-caption-bar .caption {
    padding-left: 8px;
    text-align: left;
}

.d-dialog-caption-bar .button-group {
    float: right;
    height: 20px;
    margin: 4px 4px 0 0;
    padding: 0;
}

.d-dialog-caption-bar .button-group div {
    float: left;
}

.d-dialog-caption-bar .caption-bar-icon{
    float: left;
    width: 20px;
    height: 20px;
	margin-left: 6px;
	margin-top: 4px;
    background: transparent 0px center no-repeat;
}

.d-dialog .dialog-header {
    font-size: 0%;
    height: 8px;
    position: relative;
}

.d-dialog .dialog-header .dialog-header-left {
    position: absolute;
    left: 0;
    top: 0;
    width: 8px;
    height: 8px;
    margin: 0;
    background: url(base/dialog-hori-bg.gif);
    filter: alpha( opacity = 50);
	opacity: 0.5;
}

.d-dialog .dialog-header .dialog-header-right {
    position: absolute;
    right: 0;
    top: 0;
    width: 8px;
    height: 8px;
    margin: 0;
    background: url(base/dialog-hori-bg.gif) 0 -8px;
    filter: alpha( opacity = 50);
	opacity: 0.5;
}

.d-dialog .dialog-header .dialog-header-center {
    margin: 0 8px 0 8px;
    height: 8px;
    background: url(base/dialog-hori-bg.gif) 0 -32px;
    filter: alpha( opacity = 50);
	opacity: 0.5;
}

.d-dialog-resizeable .dialog-header .dialog-header-left {
    cursor: nw-resize;
}

.d-dialog-resizeable .dialog-header .dialog-header-right {
    cursor: ne-resize;
}

.d-dialog-resizeable .dialog-header .dialog-header-center {
    cursor: n-resize;
}

.d-dialog .dialog-body-wrap {
    position: relative;
    overflow: hidden;
}

.d-dialog .dialog-body-wrap .dialog-body-left {
    position: absolute;
    left: 0;
    top: 0;
    width: 8px;
    height: 100%;
    background: url(base/dialog-vert-bg.gif);
    padding-bottom: 3000px;
    margin-bottom: -3000px;
    filter: alpha( opacity = 50);
	opacity: 0.5;
}

.d-dialog .dialog-body-wrap .dialog-body-right {
    position: absolute;
    right: 0;
    top: 0;
    width: 8px;
    height: 100%;
    background: url(base/dialog-vert-bg.gif) -8px 0;
    padding-bottom: 3000px;
    margin-bottom: -3000px;
    filter: alpha( opacity = 50);
	opacity: 0.5;
}

.d-dialog .dialog-body-wrap .dialog-body {
    padding: 0;
    margin: 0 8px 0 8px;
    background-color: white;
}

.d-dialog-resizeable .dialog-body-wrap .dialog-body-left {
    cursor: w-resize;
}

.d-dialog-resizeable .dialog-body-wrap .dialog-body-right {
    cursor: e-resize;
}

.d-dialog .dialog-body-wrap .dialog-body .content-panel {
    padding: 12px;
}

.d-dialog .dialog-footer {
    font-size: 0%;
    height: 8px;
    position: relative;
}

.d-dialog .dialog-footer .dialog-footer-left {
    position: absolute;
    left: 0;
    top: 0;
    background: url(base/dialog-hori-bg.gif) 0 -16px;
    filter: alpha( opacity = 50);
	opacity: 0.5;
	width: 8px;
	height: 8px;
}

.d-dialog .dialog-footer .dialog-footer-right {
    position: absolute;
    right: 0;
    top: 0;
    background: url(base/dialog-hori-bg.gif) 0 -24px;
    filter: alpha( opacity = 50);
	opacity: 0.5;
	width: 8px;
	height: 8px;
}

.d-dialog .dialog-footer .dialog-footer-center {
    background: url(base/dialog-hori-bg.gif) 0 -40px;
    height: 8px;
    margin: 0 8px 0 8px;
    filter: alpha( opacity = 50);
	opacity: 0.5;
}

.d-dialog .dialog-body-wrap .dialog-body .content-panel {
}

.d-dialog .dialog-body-wrap .dialog-body .button-panel {
    background: #FFFFFF;
    padding: 2px 8px 10px 8px;
    text-align: center;
    height: 24px;
}

.d-dialog .dialog-body-wrap .dialog-body .button-panel-left{
	text-align: left;
}

.d-dialog .dialog-body-wrap .dialog-body .button-panel-right{
	text-align: right;
}

.d-dialog .dialog-body-wrap .dialog-body .button-panel .d-button {
    margin-right: 3px;
}

.d-dialog .collapse-icon {
    background: url(common/icons.gif) -20px -280px;
}

.d-dialog .expand-icon{
    background: url(common/icons.gif) 0 -280px;
}

.d-dialog-resizeable .dialog-footer .dialog-footer-left {
    cursor: sw-resize;
}

.d-dialog-resizeable .dialog-footer .dialog-footer-right {
    cursor: se-resize;
}

.d-dialog-resizeable .dialog-footer .dialog-footer-center {
    cursor: s-resize;
}

.d-dialog-dragging {
}

.d-dialog-draggable .d-dialog-caption-bar {
    cursor: move;
}

.d-dialog-drag-proxy {
    position: absolute;
    border: 1px dotted #3B5A82;
}

.d-close-button {
    background: url(base/dialog-buttons.gif) no-repeat -180px 0;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.d-close-button-hover {
    background-position: -200px 0;
}

.d-close-button-click {
    background-position: -220px 0;
}

.d-minimize-button {
    background: url(base/dialog-buttons.gif) no-repeat 0 0;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.d-minimize-button-hover {
    background-position: -20px 0;
}

.d-minimize-button-click {
    background-position: -40px 0;
}

.d-maximize-button {
    background: url(base/dialog-buttons.gif) no-repeat -60px 0;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.d-maximize-button-hover {
    background-position: -80px 0;
}

.d-maximize-button-click {
    background-position: -100px 0;
}

.d-debugger .dialog-body-wrap .dialog-body .content-panel{
    padding: 0;
}
.d-menu-item-group{
	cursor: default;
	background: #FDFDFD url(base/menu-bg.gif) repeat-y;

	border: 1px solid #A1A1A1;
    overflow: hidden;
}

.d-menu-item-group .group-content{
    list-style: none;
	background: transparent none repeat scroll 0 0;
	border: 0 none;
	margin: 0;

	line-height: 100%;
	display: block;
	padding: 1px;
	cursor: pointer;
    overflow: hidden;
    position: relative;
}

.d-menu-item-group .group-content .menu-item{
	background: transparent left center repeat-x;

	margin: 0 !important;
	display: block;
	padding: 1px;
	cursor: pointer;
    color: #222;
}

.d-menu-item-group .group-content .menu-item-hover{
	border: 1px solid #84AFE1;
	padding: 0;
	background: #DDEEFB url(base/menu-item-hover-bg.gif) repeat-x 0 0;
}

.d-menu-item-group .group-content .menu-item-disabled{
    color: gray;
}

.d-menu-item-group .group-content .has-subgroup .menu-item-content{
	background: transparent url(base/menu-subitem-indicator.gif) no-repeat center right;
}

.d-menu-item-group .group-content .menu-item .menu-item-content{
	display: block;
	line-height: 16px;
	padding: 2px 10px 2px 3px;
	white-space: nowrap;
}

.d-menu-item-group .group-content .menu-item .menu-item-content .caption{
	/*background:left center no-repeat;
	padding-left:25px;*/
    padding-left: 5px;
    padding-right: 5px;
	zoom: 1;
}

.d-menu-item-group .group-content .menu-item .menu-item-content .icon{
    background: left center no-repeat;
	display: inline-block;
    height: 18px;
    padding-left: 16px;
}

.d-menu-item-group .group-content .menu-item .menu-item-content .checked-icon{
	background: url(base/menu-item-checkbox.gif) no-repeat left -20px;
}

.d-menu-item-group .group-content .menu-item .menu-item-content .unchecked-icon{
	background: url(base/menu-item-checkbox.gif) no-repeat left 0;
}

.d-menu-item-group .group-content .menu-item-separator{
	padding: 0;
    font-size: 1pt;
	margin-left: 25px;
    
    margin-top: 3px;
    margin-bottom: 3px;
    border: solid #C4C4C4;
	border-width: 1px 0px 0px 0px;
}

.d-menu-item-group-icon-top .group-content .menu-item .menu-item-content {
    text-align: center;
}

.d-menu-item-group-icon-top .group-content .menu-item .menu-item-content .icon{
    background-position: center center;
    display: inline-block;
    width: 32px;
    height: 32px;
}
.d-menu-item-group-icon-top .group-content .menu-item .menu-item-content .caption{
    display: block;
    width: auto;    
    text-align: center;
}

.d-menu-item-group-icon-top .group-content .menu-item-hover {
	background: #DDEEFB url(base/menu-item-icon-top-hover-bg.gif) repeat-x 0 0;
}

.d-menu-item-group .no-content-group{
	display: none;
	height: 50px;
    float: left;
	line-height: 50px;
	vertical-align: middle;
	padding: 0 10px 0 10px;
}

.d-menu-item-group-no-content{
	background-image: none;
}

.d-menu-item-group-no-content .no-content-group{
	display: block;
}

.d-menu-item-group .overflow-top-arrow{
    font-size: 1%;
    height: 10px;
    display: none;
    cursor: pointer;
    background: url(base/menu-overflow-buttons.gif) no-repeat center top;
    filter: alpha( opacity = 50);
	opacity: 0.5;
}

.d-menu-item-group .overflow-bottom-arrow{
    font-size: 1%;
    height: 10px;
    display: none;
    cursor: pointer;
    background: url(base/menu-overflow-buttons.gif) no-repeat center bottom;
    filter: alpha( opacity = 50);
	opacity: 0.5;
}

.d-menu-item-group-overflow .overflow-top-arrow-hover, .d-menu-item-group-overflow .overflow-bottom-arrow-hover{
	background-color: #EFEFEF;
    filter: alpha( opacity = 100);
	opacity: 1;
}

.d-menu-item-group-overflow .overflow-top-arrow, .d-menu-item-group-overflow .overflow-bottom-arrow{
    display: block;
}

.d-ie6 .d-menu-item-group .overflow-top-arrow, .d-ie6 .d-menu-item-group .overflow-bottom-arrow {
    width: 1px;
}

.d-menu-floating {
    position: absolute;
	left: -9999px;
	top: -9999px;
    float: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.d-goto-page .text {
	margin: 2px 4px 0 4px;
}

.d-text-box .d-spinner-trigger {
    width: 18px;
    height: 18px;
    background: url(base/spinner-button.gif)
}

.d-text-box .d-spinner-trigger .up-button, .d-text-box .d-spinner-trigger .down-button {
    width: 18px;
    height: 9px;
    font-size: 1%;
    cursor: pointer;
}

.d-text-box-hover .d-spinner-trigger {
	background-position: -18px 0;
}

.d-text-box-focused .d-spinner-trigger {
	background-position: -36px 0;
}

.d-text-box-focused .d-spinner-trigger-down {
	background-position: -54px 0;
}

.d-text-box-focused .d-spinner-trigger .up-button-click {
    background: url(base/spinner-button.gif) transparent -54px 0;
}

.d-text-box-focused .d-spinner-trigger .down-button-click {
    background: url(base/spinner-button.gif) transparent -54px -9px;
}

.d-text-box-invalid .d-spinner-trigger {
	background-position: -72px 0;
}

.d-text-box-invalid .d-spinner-trigger-down {
	background-position: -90px 0;
}

.d-text-box-readonly .d-spinner-trigger {
	background-position: -108px 0;
}

.d-text-box .slots-container .text {
    display: inline-block;
    line-height: 16px;
    height: 18px;
    vertical-align: top;
}

.d-ie .d-text-box .slots-container .text {
    padding-top: 1px;
}

.d-text-box .slots-container .slot {
    display: inline-block;
    line-height: 16px;
    height: 18px;
    cursor: pointer;
    background: url(form/spinner-slot-bg.gif);
	padding: 0 1px 0 1px;
}

.d-text-box .editor .slot-selected {
    background: url(form/spinner-selected-slot-bg.gif);
    color: white;
}
.d-text-box {
    height: 18px;
    border: 1px #B0B0B0 solid;
    background: white;
}

.d-text-box .editor {
	white-space: nowrap;
    line-height: 18px;
    border: 0;
    margin: 0;
    background: url(form/text-field-bg.gif) repeat-x;
}

.d-text-box .blank-text {
	font-style: italic;
	color: #B2B2B2;
}

.d-text-box .d-trigger {
	width: 18px;
	height: 18px;
	border: 0;
	cursor: pointer;
	background: url(form/dropdown-trigger-bg.gif) no-repeat;
}

.d-text-box .dirty-flag {
	position: absolute;
	left: -1px;
	top: 0;
	width: 5px;
	height: 5px;
	background: url(form/dirty-flag.gif);
}

.d-text-box-hover {
	border: 1px #707070 solid;
}

.d-text-box-hover .d-trigger {
	background-position: -18px 0;
}

.d-text-box-focused {
	border: 1px #6ECC81 solid;
}

.d-text-box-focused .editor{
	background: url(form/text-field-bg-focus.gif) repeat-x;
}

.d-text-box-focused .d-trigger {
	background-position: -36px 0;
}

.d-text-box-focused .d-trigger-down {
	background-position: -54px 0;
}

.d-text-box-error {
	border: 1px #FC3737 solid;
}

.d-text-box-error .editor {
	background: url(form/text-field-bg-invalid.gif) repeat-x bottom;
}

.d-text-box-error .d-trigger {
	background-position: -72px 0;
}

.d-text-box-error .d-trigger-down {
	background-position: -90px 0;
}

.d-text-box-readonly {
	border: 1px #A1A1A1 solid;
}

.d-text-box-readonly .editor {
	background: #F8F8F8;
}

.d-text-box-readonly .d-trigger {
	background-position: -108px 0;
}

.d-text-box .editor .text {
    display: inline-block;
    line-height: 16px;
    height: 18px;
    vertical-align: top;
	margin: 0 2px 0 2px;
}

.d-text-box .editor .slot {
    display: inline-block;
    height: 18px;
    cursor: pointer;
    text-align: center;
    line-height: 18px;
}

.d-text-box .editor .slot-selected {
    background-color: #3596F7;
    color: white;
}

.d-text-area {
	height: 18px;
	border: 1px #B0B0B0 solid;
	background: white;
}

.d-text-area .textarea {
	border: 0;
	margin: 0;
	padding: 0;
	background: url(form/text-field-bg.gif) repeat-x;
}

.d-text-area .d-trigger-panel {
	background: url(form/text-area-trigger-panel.gif) repeat-y;
	position: absolute;
	top: 0;
	right: 0;
	width: 23px;
	height: 100%;
}

.d-text-area .d-trigger {
	left: 2px;
	margin-bottom: 1px;
}

.d-text-area .blank-text {
	font-style: italic;
	color: #B2B2B2;
}

.d-text-area .dirty-flag {
	position: absolute;
	left: 0;
	top: 0;
	width: 5px;
	height: 5px;
	background: url(form/dirty-flag.gif);
}

.d-text-area-focused {
	border: 1px #6ECC81 solid;
}

.d-text-area-focused .textarea{
	background: url(form/text-field-bg-focus.gif) repeat-x;
}

.d-text-area-error {
	border: 1px #FC3737 solid;
}

.d-text-area-error .textarea {
	background: url(form/text-field-bg-invalid.gif) repeat-x bottom;
}

.d-text-area-readonly {
	border: 1px #A1A1A1 solid;
}

.d-text-area-readonly .textarea {
	background: #F8F8F8;
}
.d-drop-down-box {
	border: 1px #6ECC81 solid;
	background-color: #FFFFFF;
	position: absolute;
}

.d-trigger-icon-drop {
	background: url(form/dropdown-trigger.gif) no-repeat;
}

.d-trigger-icon-search {
	background: url(form/dropdown-trigger.gif) no-repeat -18px 0;
}

.d-trigger-icon-date {
	background: url(form/dropdown-trigger.gif) no-repeat -36px 0;
}

.d-trigger-icon-custom {
	background: url(form/dropdown-trigger.gif) no-repeat -54px 0;
}

.d-trigger-icon-clear {
	background: url(form/dropdown-trigger.gif) no-repeat -74px 0;
}

.d-trigger-icon-filter {
	background: url(form/dropdown-trigger.gif) no-repeat -90px 0;
}
.d-trigger-icon-reset {
	background: url(form/dropdown-trigger.gif) no-repeat -108px 0;
}

.d-text-box .d-trigger-clear {
	width: 15px;
}

.d-checkbox {
    height: 20px;
    overflow: hidden;
    cursor: default;
}

.d-checkbox-dirty {
    background: url(form/dirty-flag.gif) no-repeat left 3px;
}

.d-checkbox-hover {
}

.d-checkbox .icon {
    float: left;
    width: 16px;
    height: 20px;
    background: url(form/checkbox-radiobox.gif);
}

.d-checkbox .halfchecked {
    background-position: 0 1px;
}

.d-checkbox-hover .halfchecked {
    background-position: -16px 1px;
}

.d-checkbox .unchecked {
    background-position: -32px 1px;
}

.d-checkbox-hover .unchecked {
    background-position: -48px 1px;
}

.d-checkbox .checked {
    background-position: -64px 1px;
}

.d-checkbox-hover .checked {
    background-position: -80px 1px;
}

.d-checkbox-center{
    float: none;
    position: relative;
    left: 50%;
    top: 50%;
    margin: -10px 0 0 -7px;
    padding: 0;
}

.d-checkbox .caption {
    line-height: 20px;
    vertical-align: middle;
    white-space: nowrap;
}

.d-checkbox-icononly{
    width: 16px;
    height: 20px;
    background: url(form/checkbox-radiobox.gif);
}

.d-checkbox-halfchecked {
    background-position: 0 1px;
}

.d-checkbox-halfchecked-hover {
    background-position: -16px 1px;
}

.d-checkbox-unchecked {
    background-position: -32px 1px;
}

.d-checkbox-unchecked-hover {
    background-position: -48px 1px;
}

.d-checkbox-checked {
    background-position: -64px 1px;
}

.d-checkbox-checked-hover {
    background-position: -80px 1px;
}

.d-radio {
    height: 20px;
    overflow: hidden;
    cursor: default;
}

.d-radio .icon {
    float: left;
    width: 16px;
    height: 20px;
    background: url(form/checkbox-radiobox.gif) 0 -20px;
}

.d-radio .unchecked {
    background-position: 0px -20px;
}

.d-radio-hover .unchecked {
    background-position: -16px -20px;
}

.d-radio .checked {
    background-position: -32px -20px;
}

.d-radio-hover .checked {
    background-position: -48px -20px;
}

.d-radio .text {
    line-height: 20px;
    vertical-align: middle;
    margin-right: 8px;
}

.d-radiogroup {
	height: 18px;
}

.d-radiogroup-dirty {
    background: url(form/dirty-flag.gif) no-repeat left 2px;
}

.d-radiogroup-flow .d-radio {
    float: left;
}
.d-data-message {
}

.d-data-message .d-message {
	height: 20px;
    line-height: 20px;
    padding-left: 20px;
}

.d-data-message .d-message-info {
    background: url(form/message-info.gif) no-repeat;
}

.d-data-message .d-message-ok {
    background: url(form/message-ok.gif) no-repeat;
}

.d-data-message .d-message-warn {
    background: url(form/message-warn.gif) no-repeat;
}

.d-data-message .d-message-error {
    color: #FF0000;
    background: url(form/message-error.gif) no-repeat;
}

.d-data-message .d-message-waiting {
    background: url(form/waiting.gif) no-repeat;
}

.d-form-element {
}

.d-form-element .form-label {
    height: 20px;
    line-height: 20px;
}

.d-form-element .form-label-top {
    margin-left: -12px;
	padding-right: 12px;
}

.d-form-element .form-label-align-right {
    margin-left: -12px;
	padding-right: 12px;
}

.d-form-element .form-label-required {
    background: url(form/field-required.gif) right 2px no-repeat;
}

.d-form-element .form-hint {
    height: 20px;
    line-height: 20px;
}

.d-ie6 .d-form-element .form-hint {
    margin-top: 2px;
}

.d-auto-form {
}

